
// import layui from '/assets/lib/layui/layui.all'
window.addEventListener('load', function() {
  
  console.log(22);
  // 获取登录模块dom
  let login = document.querySelector('.login-box')
  // 获取注册模块dom
  let register = document.querySelector('.register-box')
  //获取注册按钮
  let loginBtn = document.querySelector('.go-login')
  //获取登录按钮
  let registerBtn = document.querySelector('.go-register')
  loginBtn.addEventListener('click',function(){
    login.style.display = 'block'
    register.style.display = 'none'
  })
  registerBtn.addEventListener('click', function () {
    login.style.display = 'none'
    register.style.display = 'block'
  })
  // 表单验证
  // let form = layui.form
  layui.form.verify({
    username: function (value, item) { //value：表单的值、item：表单的DOM对象
      if (!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
        return '用户名不能有特殊字符';
      }
      if (/(^\_)|(\__)|(\_+$)/.test(value)) {
        return '用户名首尾不能出现下划线\'_\'';
      }
      if (/^\d+\d+\d$/.test(value)) {
        return '用户名不能全为数字';
      }

      //如果不想自动弹出默认提示框，可以直接返回 true，这时你可以通过其他任意方式提示（v2.5.7 新增）
      if (value === 'xxx') {
        alert('用户名不能为敏感词');
        return true;
      }
    }

    //我们既支持上述函数式的方式，也支持下述数组的形式
    //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
    , pass: function(value){
      if(!/^[\S]{6,12}$/.test(value)){
      return '密码必须6到12位，且不能出现空格'
      }
    },
    isSame: function(value){
      let val = document.querySelector('.ispassword').value
      if (val !== value){
        return '密码不一致'
      }
    }
  });

  // 注册事件
  document.querySelector('#enroll').addEventListener('click', function(e){
    e.preventDefault()
    let username = document.querySelector('.reg-username').value
    let password = document.querySelector('.ispassword').value
    axios({
      method: 'POST',
      url:'/api/reguser',
      data: `username=${username}&password=${password}`
    }).then(res=>{
      // 注册成功
      if (res.data.status === 0){
        layer.msg(res.data.message);
        loginBtn.click()
      }else {
        //注册失败
        layer.msg(res.data.message);
      }
    },err=>{
    
    })
  })
  //登录事件
  document.querySelector('.loginBtn').addEventListener('click',function(e){
    e.preventDefault()
    let user = document.querySelector('.user-inoput').value
    let password = document.querySelector('.password-input').value
    axios({
      method: 'POST',
      url:'/api/login',
      data:`username=${user}&password=${password}`
    }).then(res=>{
      // 登录成功
      if(res.data.status== 0){
        window.location.href = '/page/index/index.html'
        layer.msg(res.data.message);
      }else{
        //登录失败
        layer.msg(res.data.message);
      }
    },err=>{

    })
  })

})